<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Link & Go</title>
    <link href="./css/common.css" rel="stylesheet">
    <link href="./css/ranking.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="modal">
            <div class="title">Rankings</div>
            <div class="item" id="ranking-list-item-template">
                <div class="rank"></div>
                <div>
                    <div>
                        <span>Nickname : <span class="nickname"></span></span>
                        <span>Score : <span class="score"></span></span>
                        <span>timer : <span class="timer"></span></span>
                    </div>
                    <div>
                        <span>Submit At : <span class="submit_at"></span></span>
                    </div>
                </div>
            </div>
            <div class="body list">
<!--                <div class="not-have-data">Not have data yet~</div>-->
                <div class="item">
                    <div class="rank">1</div>
                    <div class="info">
                        <div>
                            <span>Nickname : <span class="nickname">WorldSkill GD</span></span>
                            <span>Score : <span class="score">2020</span></span>
                            <span>timer : <span class="timer">10</span></span>
                        </div>
                        <div>
                            <span>Submit At : <span class="submit_at">2021-12-2 19:23:00</span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="btn-area">
            <a href="./13_Welcome_Page.html" class="btn">Main Page</a>
        </div>
    </div>
<script src="./js/element.js"></script>
<script src="./js/utils.js"></script>
<script src="./js/ranking.js"></script>
</body>
</html>